<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>普玄管理系统首页</title>
    <meta name="keywords" content="普玄管理系统首页">
    <meta name="description" content="普玄管理系统首页">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link th:href="@{favicon.ico}" rel="stylesheet"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/animate.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
    <link th:href="@{/css/skins.css}" rel="stylesheet"/>
    <link th:href="@{/ruoyi/css/ry-ui.css?v=3.3.0}" rel="stylesheet"/>
    <style type="text/css">
        #content-main.max { height: calc(100% - 110px); overflow: hidden; width: 100%; height: 100%; left: 0px; position: absolute; top: 0px; z-index: 9998; margin: 0; }
        /**{padding:0px;margin:0px;font-family:"微软雅黑";}*/
        /*dd,dl,dt,em,i,p,textarea,a,div{padding:0px;margin:0px;}*/
        img{border:0px;}
        /*ul,li{padding:0px;margin:0px;list-style:none; float:left}*/
        /*.fl{ float:left}*/
        .fr{ float:right}

        /*右下角弹出*/
        .dingwe{ position:relative;}
        .tipfloat{display:none;z-index:999;border:1px #8e9cde solid; position:absolute; bottom:0px; right:17px;width:330px;height:230px; background:#fff}
        .tipfloat_bt{ height:49px; line-height:49px;background:#8e9cde; padding:0px 20px; font-size:18px; color:#fff; }
        .xx_nrong{font-size:18px; color:#333; text-align:left; padding:10px 0; line-height:26px; margin-left:20px }
    </style>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden" th:classappend="${@config.getKey('sys.index.skinName')}">
<div id="wrapper">

    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close">
            <i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="logo" style="text-align: left;">
<!--				     <span class="logo-lg">RuoYi</span>-->
                    <span class="logo-lg"> <img alt="[ 普玄 ]" th:src="@{/tanmu.png}" style="height:45px; margin:3px;"></span>
            	</li>
<!--            	<li>-->
<!--            		<div class="user-panel">-->
<!--            			<a class="menuItem" title="个人中心" th:href="@{/system/user/profile}"> -->
<!--            				<div class="hide" th:text="个人中心"></div>-->
<!--					        <div class="pull-left image">-->
<!--		                    	<img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{/profile/avatar/} + ${user.avatar}" class="img-circle" alt="User Image">-->
<!--					        </div>-->
<!--				        </a>-->
<!--				        <div class="pull-left info">-->
<!--				          <p>[[${user.loginName}]]</p>-->
<!--				          <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>-->
<!--				          <a th:href="@{logout}" style="padding-left:5px;"><i class="fa fa-sign-out text-danger"></i> 注销</a>-->
<!--				        </div>-->
<!--				    </div>-->
<!--            	</li>-->
                 <li class="active">
<!--                    <a href="index.html"><i class="fa fa-home"></i> <span class="nav-label">主页</span> <span class="fa arrow"></span></a>-->
<!--                     <ul class="nav nav-second-level">-->
<!--                        <li class="active"><a class="menuItem" th:href="@{/system/main}"><i class="fa fa-globe"></i> 地图管理</a></li>-->
<!--                    </ul>-->
                </li>
                <li>

                    <a  th:href="@{/system/main}" class="menuItem" >
                        <i class="fa fa-globe"></i>
                        <span class="nav-label" >实时定位</span>
                    </a>
                    <ul class="nav nav-second-level collapse">

                    </ul>
                </li>
                <li th:each="menu : ${menus}">
                	<a  th:if="${menu.url=='#'}"  th:href="${menu.url}" >
                		<i class="fa fa fa-bar-chart-o" th:class="${menu.icon}"></i>
                    	<span class="nav-label" >[[${menu.menuName}]]</span>

                    	<span class="fa arrow"></span>
                	</a>
                    <a  th:if="${menu.url!='#'}"  th:href="${menu.url}" class="menuItem" >
                        <i class="fa fa fa-bar-chart-o" th:class="${menu.icon}"></i>
                        <span class="nav-label" >[[${menu.menuName}]]</span>
                    </a>
                   <ul class="nav nav-second-level collapse">
						<li th:each="cmenu : ${menu.children}">
							<a th:if="${#lists.isEmpty(cmenu.children)}" class="menuItem"  th:href="@{${cmenu.url}}">
                                <i class="fa fa fa-bar-chart-o" th:class="${cmenu.icon}"></i>
                                [[${cmenu.menuName}]]
                            </a>
							<a th:if="${not #lists.isEmpty(cmenu.children)}" href="#">
                                <span class="fa arrow"></span>
                                <i class="fa fa fa-bar-chart-o" th:class="${cmenu.icon}"></i>
                                [[${cmenu.menuName}]]
                            </a>
							<ul th:if="${not #lists.isEmpty(cmenu.children)}" class="nav nav-third-level">
								<li th:each="emenu : ${cmenu.children}">
                                    <a class="menuItem"  th:href="@{${emenu.url}}">
                                        <i class="fa fa fa-bar-chart-o" th:class="${emenu.icon}"></i>
                                        [[${emenu.menuName}]]
                                    </a>
                                </li>
							</ul>
						</li>
					</ul>
                </li>
            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->

    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard">
        <div class="row border-bottom" style="background-color: white">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0;width: 100%;float: left">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2" style="color:#000000;font-size:24px;margin:auto" href="#" title="收起菜单">
                       <i class="fa fa-bars" style="margin-right:0px"></i>
                    </a>
                    <a  style="color:#000000;font-size:24px;margin:auto;padding:4px 0px;float: left">
                        普玄高精度定位系统
                    </a>
                </div>
                <ul class="nav navbar-top-links navbar-right welcome-message">
<!--                    <li ><a title="普玄高精度定位系统" style="margin-left: -1000px">普玄高精度定位系统</a></li>-->
<!--                    <li><a title="开发文档" href="http://doc.ruoyi.vip" target="_blank"><i class="fa fa-question-circle"></i> 开发文档</a></li>-->
	                <li ><a title="全屏显示" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a></li>
                    <li class="dropdown user-menu" >
						<a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
							<img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{/profile/avatar/} + ${user.avatar}" class="user-image">
							<span class="hidden-xs">[[${user.userName}]]</span>
						</a>
						<ul class="dropdown-menu">
							<li class="mt5">
								<a th:href="@{/system/user/profile}" class="menuItem">
								<i class="fa fa-user"></i> 个人中心</a>
							</li>
							<li>
								<a onclick="resetPwd()" class="menuItem">
								<i class="fa fa-key"></i> 修改密码</a>
							</li>
							<li class="divider"></li>
							<li>
								<a th:href="@{logout}">
								<i class="fa fa-sign-out"></i> 退出登录</a>
							</li>
						</ul>
					</li>
                </ul>
<!--                <li style="width: 86%;float: right;font-size: 25px;height: 50px;padding: 8px 15px"><a style="color: black">普玄高精度定位系统</a></li>-->
            </nav>
        </div>
        <div class="row content-tabs">
            <button class="roll-nav roll-left tabLeft">
                <i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs menuTabs">
                <div class="page-tabs-content">
                    <a href="javascript:;" class="active menuTab" data-id="/system/main">首页</a>
                </div>
            </nav>
            <button class="roll-nav roll-right tabRight">
                <i class="fa fa-forward"></i>
            </button>
            <div class="btn-group roll-nav roll-right">
                <button class="dropdown J_tabClose" data-toggle="dropdown">
                                                                          页签操作<span class="caret"></span>
                </button>
                <ul role="menu" class="dropdown-menu dropdown-menu-right">
                     <li><a class="tabCloseCurrent" href="javascript:void();">关闭当前</a></li>
                     <li><a class="tabCloseOther" href="javascript:void();">关闭其他</a></li>
					 <li><a class="tabCloseAll" href="javascript:void();">全部关闭</a></li>
					 <li><a class="tabMaxCurrent" href="javascript:void();">全屏显示</a></li>
                </ul>
            </div>
            <a href="#" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
        </div>
<!--        <li ><a title="全屏显示" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a></li>-->
        <a id="ax_close_max" class="ax_close_max" href="#" title="关闭全屏"> <i class="fa fa-arrows-alt"></i> 关闭全屏</a></a>

        <div class="row mainContent" id="content-main">
            <iframe class="RuoYi_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main"
                    th:src="@{/system/main}" frameborder="0" seamless></iframe>
        </div>
        <div class="footer" >
<!--            <div class="pull-right">© 2016 杭州普玄科技有限公司 版权所有 </div>-->
            <div class="pull-left" onclick="openAlertDetail()">© [[${copyrightYear}]]杭州普玄物联科技有限公司 版权所有</div><div class="pull-right">[[${version}]]</div>
<!--            <div class="pull-right" th:text="${@config.getKey('version')}">V1.2.0-001</div>-->
            <div style="background:#CCC">
                <div class="tipfloat" data-num="3">
                    <p class="tipfloat_bt">
                        <span class="fl">报警信息</span>
                        <span class="fr closes"><img src="/img/guanbi.png"></span>
                    </p>
                    <div id="alertRank" class="menuItem" data-index="50" target="报警记录" style="width:100%;height: 100%"  title="报警记录">
                        <div class="xx_nrong">
                            <li >
                                <a>
                                    <span class="nav-label">姓名：</span><span id="name"></span>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <span class="nav-label">标签ID：</span><span id="tagId"></span>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <span class="nav-label">报警类型：</span><span id="alarmType"></span>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <span class="nav-label">共：</span><span id="count"></span><a>条报警未处理</a>
                                </a>
                            </li>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--右侧部分结束-->

</div>


<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/config.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:src="@{/ruoyi/js/ry-ui.js?v=3.3.0}"></script>
<script th:src="@{/ruoyi/js/common.js}"></script>
<script th:src="@{/ruoyi/index.js}"></script>
<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
<script th:src="@{/js/ping.min.js}"></script>

<script th:inline="javascript">

//     var tk_index=0;
//     var xx_num;
//     $(".closes").click(function(){
//         $(".tipfloat").animate({height:"hide"},800);
//     });
//
// var ctx = [[@{/}]];
// var address = [[${ipAddress}]];
// var onlineIpAddress = [[${onlineIpAddress}]];
// /*用户管理-重置密码*/
// function resetPwd() {
//     var url = ctx + 'system/user/profile/resetPwd';
//     $.modal.open("重置密码", url, '800', '500');
// }
// var Isonline =false;
// var socket;
// if(typeof(WebSocket) == "undefined") {
//         console.log("您的浏览器不支持WebSocket");
// }else{
//     console.log("您的浏览器支持WebSocket");
// //实现化WebSocket对象，指定要连接的服务器地址与端口 建立连接
// //判断网络连接的网络状态,true为外网
//
//         var p = new Ping();
//         p.ping("http://"+onlineIpAddress, function(err, data) {
//             if (err) {
//                 socket = new WebSocket("ws://"+address+"/websocket/1");
//                 // socket = new WebSocket("ws://"+onlineIpAddress+"/websocket/1");
//                 //打开事件
//                 socket.onopen = function() {
//                     console.log("Socket 8082已打开");
// //socket.send("这是来自客户端的消息" + location.href + new Date());
//                 };
// //获得消息事件
//                 socket.onmessage = function(msg) {
//                     console.log(msg.data);
//                     if (msg.data!="连接成功"){
//                         var  result =  JSON.parse(msg.data);
//                         $("#alertDetailDiv").remove();
//                         $(".tipfloat").animate({height:"show"},800);
//                         // tk_index ="<div href='/system/tagAlarmData/1864' class=\"menuItem\" id='alertDetailDiv'><ul align='left' style='padding-left: 20px'><li><a href='/system/tagAlarmData/1864' class='menuItem' data-index='10000'><span class=\"nav-label\" >姓名：</span></a>"+result.personName+"</li><li><a>标签ID：</a>"+result.tagId+"</li><li><a>报警类型：</a>"+result.alarmType+"</li><li>共<a>"+result.count+"</a>条报警未处理</li></ul></div>";
//                         //文本输出可删除
//                         // tk_index = "<li><a  href=\"/system/person\" class=\"menuItem\" data-index=\"100\" > <i class=\"fa fa-user-circle-o\"></i> <span class=\"nav-label\">人员管理</span> </a> <ul class=\"nav nav-second-level collapse\"></ul> </li>";
//                         // $("#alertRank").append(tk_index);
//                         $("#alertRank").attr("href","/system/tagAlarmData/"+result.id);
//                         $("#name").html(result.personName);
//                         $("#tagId").html(result.tagId);
//                         $("#alarmType").html(result.alarmType);
//                         $("#count").html(result.count);
//                         // tk_index++;
//                     }
// //发现消息进入 开始处理前端触发逻辑
//                 };
// //关闭事件
//                 socket.onclose = function() {
//                     console.log("Socket已关闭");
//                     $("#close").val("Socket已关闭")
//                 };
// //发生了错误事件
//                 socket.onerror = function() {
//                     console.log("Socket发生了错误");
// //此时可以尝试刷新页面
//                 }
//             }
//             else{
//                 socket = new WebSocket("ws://"+onlineIpAddress+"/websocket/1");
//                 //打开事件
//                 socket.onopen = function() {
//                     console.log("Socket 8082已打开");
// //socket.send("这是来自客户端的消息" + location.href + new Date());
//                 };
// //获得消息事件
//                 socket.onmessage = function(msg) {
//                     console.log(msg.data);
//                     if (msg.data!="连接成功"){
//                         var  result =  JSON.parse(msg.data);
//                         $("#alertDetailDiv").remove();
//                         $(".tipfloat").animate({height:"show"},800);
//                         // tk_index ="<div href='/system/tagAlarmData/1864' class=\"menuItem\" id='alertDetailDiv'><ul align='left' style='padding-left: 20px'><li><a href='/system/tagAlarmData/1864' class='menuItem' data-index='10000'><span class=\"nav-label\" >姓名：</span></a>"+result.personName+"</li><li><a>标签ID：</a>"+result.tagId+"</li><li><a>报警类型：</a>"+result.alarmType+"</li><li>共<a>"+result.count+"</a>条报警未处理</li></ul></div>";
//                         //文本输出可删除
//                         // tk_index = "<li><a  href=\"/system/person\" class=\"menuItem\" data-index=\"100\" > <i class=\"fa fa-user-circle-o\"></i> <span class=\"nav-label\">人员管理</span> </a> <ul class=\"nav nav-second-level collapse\"></ul> </li>";
//                         // $("#alertRank").append(tk_index);
//                         $("#alertRank").attr("href","/system/tagAlarmData/"+result.id);
//                         $("#name").html(result.personName);
//                         $("#tagId").html(result.tagId);
//                         $("#alarmType").html(result.alarmType);
//                         $("#count").html(result.count);
//                         // tk_index++;
//                     }
// //发现消息进入 开始处理前端触发逻辑
//                 };
// //关闭事件
//                 socket.onclose = function() {
//                     console.log("Socket已关闭");
//                     $("#close").val("Socket已关闭")
//                 };
// //发生了错误事件
//                 socket.onerror = function() {
//                     console.log("Socket发生了错误");
// //此时可以尝试刷新页面
//                 }
//             }
//         });
//         // if (Isonline) {
//         //
//         // } else {
//         //
//         // }
//
// //离开页面时，关闭socket
// //jquery1.8中已经被废弃，3.0中已经移除
// // $(window).unload(function(){
// // socket.close();
// //});
//     }
// function openAlertDetail(id){
//     $(".tipfloat").animate({height:"hide"},800);
//     // $.modal.openTab("报警记录","/system/tagAlarmData/1864");
//     // self.open("/system/tagAlarmData/1864");
//     // window.location.href="/system/tagAlarmData/1864";
// }
</script>
</body>
</html>
